
.ui-panelgrid {
    
    z-index: 9;
    margin-top: 20px;
    margin-left: 700px;
}

#logo{
    position:fixed;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 20%;
    z-index: 9;
}

#header{
    //background-image: -moz-linear-gradient(top, #98dbfc 0%, white 100%);
    //background-image: -webkit-linear-gradient(top, #98dbfc 0%, white 100%);
    box-shadow: 0 0 10px #666666 !important;
    background-color: rgba(0,0,0,0.1) !important;
    position:fixed;
    top: 0px;
    left: 0px;
    padding:0px;
    float:bottom;
    
    width: 100%;
    height: 95px;
    z-index: 8;
}

.ui-panelgrid tr, .ui-panelgrid td, .ui-panel-content{
    background: transparent;
    border: transparent;
    
}

.ui-panel-titlebar{
    border: transparent;
    background: transparent;
    font-size: 25px;
    text-align: center;
}

.ui-panel .ui-panel-titlebar {
    padding: 0 !important;
}

.ui-panel {
    padding: 0.5em 1em 0.3em;
    border: transparent;
    background: transparent;
}

.ui-outputlabel, .ui-selectoneradio {
    color: #ffffff;
}

.widg, .widgbk, .ui-panelgrid{
    font-size: 1.06em !important;
}
.widgbk{
    box-shadow: 0 0 10px #666666 !important;
    background-color: rgba(0,0,0,0.15) !important;
    border-radius: 10px !important; 
}
.ui-inputfield{
    border-radius: 10px !important; 
    font-size: 0.95em !important;

}
.ui-button {
    border-radius: 10px !important; 
    border: none !important;
    padding: 2px 2px 2px 2px;
}
#form{
    position: absolute;
    left: 800px;
    top: 135px;
    width: 420px;
    line-height: 1.9;
}

.ui-widget-content .ui-inputfield {
    border:black;
}

body {
    margin: 0;
}

.labelintro {
    font-family: 'Days One';
    float:left; 
    margin-left: 90px; 
    margin-top: 230px;
    padding-bottom: 35px;
    color: #ffffff; 
    font-size: 45px; 
    font-style: normal;  
    font-weight: 800; 
    line-height: 30px; 
    text-shadow: 2px 2px #111111;
    border-top: #ffffff double 10px;
    border-bottom: #ffffff double 10px;
   
}

/* LAYOUT */
.container {
	overflow-x:hidden;
	overflow-y:hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -5;
        background-color: rgba(0,0,0,0.65);
               
}


/* IMAGE LIST */

#slider img {
	width:100%; /* Width Image */
	height:100%; /* Height Image */
	position:absolute;
	top:-325px; /* Original Position - Outside of the Slider */
	list-style:none;
        
        
}

#slider .firstanimation {
	-moz-animation:cycle 25s linear infinite;	
	-webkit-animation:cycle 25s linear infinite;		
}
#slider .secondanimation {
	-moz-animation:cycletwo 25s linear infinite;
	-webkit-animation:cycletwo 25s linear infinite;		
}
#slider .thirdanimation {
	-moz-animation:cyclethree 25s linear infinite;
	-webkit-animation:cyclethree 25s linear infinite;		
}
#slider .fourthanimation {
	-moz-animation:cyclefour 25s linear infinite;
	-webkit-animation:cyclefour 25s linear infinite;		
}
#slider .fifthanimation {
	-moz-animation:cyclefive 25s linear infinite;
	-webkit-animation:cyclefive 25s linear infinite;		
}



/* ANIMATION */
@-moz-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; } 
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; } 
	21% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-moz-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; } 
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; } 
	60% { top:325px; opacity:0; z-index:0; }
	61% { top:-325px; opacity:0; z-index:-1; } 
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100%{ top:325px; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; }
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; }
	21% { top:-325px; opacity:0; z-index:-1; }
	50% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-webkit-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; }  
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; z-index:0; } 
	60% { top:325px; opacity:0; z-index:0; } 
	61% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100%{ top:325px; opacity:0; z-index:0; }
}
